<template>
  <div >
      <titleHead :title="'收入构成分析'" />
    <el-col :span="12">
      <div class="boxall">
        <div class="alltitle">全市合计税费收入</div>
        <div class="boxnav">
          <p>
            <span>1</span> <span>2</span>. <span>9</span> <span>0</span>
            <i> 亿元</i>
          </p>
        </div>
        <div class="boxfoot"></div>
      </div>
      <div>
        <dv-scroll-board :config="config"  />
      </div>
    </el-col>
    <el-col :span="12" style="padding:2rem 1rem" >
      <div v-for="item in 3" :key="item" >
        <titleCard />
      </div>
      
    </el-col>
  </div>
</template>

<script>
import img from "./img/1@2x.png";
import titleCard from "../titleCard.vue"
const winwidth = (window.screen.availWidth / 5) * 0.6;
const winHeight = (window.screen.availHeight / 2) * 0.6;
export default {
  data() {
    return {
      img,
      config: {
          headerBGC:"#082449",
        header: ["排名", "区县", "合计税收收入", "同比"],
        columnWidth: [50],
        data: [
          ["1", "甘州区", "2015", "5%"],
          ["2", "甘州区", "2015", "5%"],
          ["3", "甘州区", "2015", "5%"],
          ["4", "甘州区", "2015", "5%"],
          ["5", "甘州区", "2015", "5%"],
          ["6", "甘州区", "2015", "5%"],
        ],
      },
      winwidth: winwidth,
      winHeight: winHeight,
    };
  },
  components:{titleCard}
};
</script>

<style>
.boxall {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  position: relative;
  margin-bottom: 1rem;
  z-index: 10;
}
.boxall:before {
  position: absolute;
  content: "";
}

.alltitle {
  font-size: 0.5rem;
  color: rgb(255, 185, 0);
  text-align: left;
  padding: 1rem;
  position: relative;
}
.alltitle span {
  font-size: 0.2rem;
  color: rgba(255, 255, 255, 0.35);
  display: block;
  text-transform: uppercase;
}
.boxnav span {
  color: #ffb43e;
  background: rgba(255, 255, 255, 0.29);
  font-size: 2rem;
  font-weight: bold;
  padding: 0.1rem 0.05rem;
  margin-right: 0.05rem;
}
.text_2 {
  background-color: #0c1629;
}
.rate-content{
    padding:2rem 0;
}
</style>